﻿{extend name="layout/main-block" /}
{block name="sub-wrapper"}
<!--内容容器-->
<section id="sub-wrapper" class="full-screen page-index">
    <div id="sub-content">
        <div id="sub-header">
            <div class="sub-title">
                <h3>主页</h3>
            </div>
        </div>
        <div class="cardshow-content col-xs-12">
            <div class="row">
                <div class="card-show col-xs-12 col-sm-12 col-md-8 col-lg-6 grey-card shortcut">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">快捷方式</span>
                            <div class="swiper-pagination shortcut-pagination"></div>
                        </div>
                        <div class="system-info" style="clear:left;">
                            <div class="shortcut-button">
                                {volist name="menu" id="v" empty="$empty" }
                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/{$v.url}"><i class="fa fa-{$v.class} fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">{$v.name}</div>
                                </div>
                                {/volist}
                                <!--<div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/agent"><i class="fa fa-rocket fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">代理商管理</div>
                                </div>

                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/device"><i class="fa fa-puzzle-piece fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">设备管理</div>
                                </div>
                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/carmanage"><i class="fa fa-car fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">车辆管理</div>
                                </div>
                            </div>
                            &lt;!&ndash;<div class="shortcut-button" style="clear:left;">&ndash;&gt;
                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/task"><i class="fa fa-tasks fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">任务管理</div>

                                </div>
                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/sn"><i class="fa fa-desktop fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">运营管理</div>
                                </div>
                                <div class="indexgroup">
                                    <div class="grey-card shortcut-icon">
                                        <a href="/sysinstall"><i
                                                class="fa fa-assistive-listening-systems fa-3x"></i></a>
                                    </div>
                                    <div class="shortcut-text">系统管理</div>
                                </div>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                </div>
        <!--<div class="card-show col-xs-4 grey-card todolist">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">待办事项</span>
                        </div>
                        <div class="todolist-info">
                            <table class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>事件名称</th>
                                        <th>事件状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="success">
                                        <td>事件一</td>
                                        <td>已完成</td>
                                    </tr>
                                    <tr class="warning">
                                        <td>事件二</td>
                                        <td>未完成</td>
                                    </tr>
                                    <tr class="info">
                                        <td>事件三</td>
                                        <td>进行中</td>
                                    </tr>
                                    <tr class="success">
                                        <td>事件四</td>
                                        <td>已完成</td>
                                    </tr>

                                </tbody>

                            </table>
                        </div>
                    </div>

                </div>-->
                <div class="card-show col-xs-12 col-sm-12 col-md-8 col-lg-6 grey-card shortcut">
            <div class="white-card">
                <div class="card-info">
                    <span class="card-title">版本信息</span>
                </div>
                <div class="system-info">
                    <span class="version-text">
                        智能云镜后台管理平台</br>Version：1.0.0beta
                    </span>
                </div>
            </div>
        </div>
                <div class="clearfix"></div>
            </div>
        </div>
     </div>
    <!--<div class="row">
                <div class="card-show col-xs-8 grey-card dataoverview">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">数据概览</span>
                            <div class="swiper-pagination dataoverview-pagination"></div>
                        </div>
                        <div class="swiper-container swiper-dataoverview">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div id="chartOne" class="ma--in--Cha--rt">

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div id="chartTwo" class="ma--in--Cha--rt">

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div id="chartThree" class="mai--nC--ha--rt">

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="card-show col-xs-4 grey-card effectrefort">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">效果报告</span>
                        </div>
                        <div class="effectrefort-info"></div>
                    </div>
                </div>
                <div class="card-show col-xs-4 grey-card monitoring">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">实时监控</span>
                        </div>
                        <div class="monitoring-info"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>-->
    <!--<div class="row">
                <div class="card-show col-xs-8 grey-card eventlist">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">事件列表</span>
                        </div>
                        <div class="table-responsive data-table eventlist-info ">
                            <table class="table table-striped table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>事件</th>
                                        <th width="200px">事件详情</th>
                                        <th>处理结果</th>
                                        <th>处理人</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {vol--ist name="event" id="v" empty="--$--empty" }
                                    <tr>
                                        <td>{--$--v.id}</td>
                                        <td>{--$--v.name}</td>
                                        <td>{--$--v.detail}</td>
                                        <td>{--$--v.result}</td>
                                        <td>{--$--v.handler}</td>
                                        <td>{--$--v.remark}</td>
                                    </tr>
                                    {/volist}
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="4" class="">
                                            {--$--page}
                                            &lt;!&ndash; <ul class="pagination">
                                            <li>
                                                <a href="#" aria-label="Previous">
                                                    <span aria-hidden="true">&laquo;</span>
                                                </a>
                                            </li>
                                            <li class="active"><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">...</a></li>
                                            <li><a href="#">999</a></li>
                                            <li>
                                                <a href="#" aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                </a>
                                            </li>
                                        </ul>&ndash;&gt;
                                        </td>
                                        <td colspan="1" class="text-center">
                                            <div class="table-summary">
                                                <div class="input-group">
                                                    <div class="input-group-addon">到第</div>
                                                    <input type="text" class="form-control" id="goto" placeholder=""
                                                        style="width:40px;">
                                                    <div class="input-group-addon">页</div>
                                                    <span class="input-group-btn">
                                                        <a class="btn btn-primary" data-currentPage="{--$--currentPage}"
                                                            data-lastPage="{--$--lastPage}" id="gotoPage"><i class="fa fa-arrow-right"></i>确定</a>
                                                    </span>
                                                </div>
                                            </div>
                                        </td>
                                        <td colspan="1" class="text-center">
                                            共<span id="total-record" class="text-success fa-2x"> {--$--count} </span>条记录
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="card-show col-xs-4 grey-card productnews">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">产品动态</span>
                            <div class="swiper-pagination productnews-pagination"></div>
                        </div>
                        <div class="swiper-container swiper-productnews">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    1
                                </div>
                                <div class="swiper-slide">
                                    2
                                </div>
                                <div class="swiper-slide">
                                    3
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="card-show col-xs-4 grey-card productnews">
                    <div class="white-card">
                        <div class="card-info">
                            <span class="card-title">XXXX</span>
                        </div>
                        <div class="lastone">
                        </div>
                    </div>
                </div>
            </div>-->
    <!--</div>
    </div>-->
</section>

{/block}
{/block}